{%extends "index.html"%}
{% load i18n %}
{% load pagination_tags %}
        {%block title%}Series.TopoRojo.es | {% trans "Series List" %}{%endblock%}
         {% block skin_css %}
        <!-- CSS -->
                <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />

        	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}disenho/style.css" media="screen" />
        <!-- JS -->
                <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.min.js"></script>
	        <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
	        <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.js"></script>
                <script type="text/javascript">
		$(document).ready(function() {
			$("a#flayer").fancybox({
				'titleShow'		: true,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
		});
	</script>
        {% endblock skin_css%}
                {%block content%}
                <h1>Series.TopoRojo.es {% trans "recommend" %}</h1><br />
                <h3><a href='/series/{{recomendado.slug}}/'>{{recomendado.name|capfirst}}</a></h3>
                <div style="float:left;"><a href="{{recomendado.image.url }}" id="flayer"><img src="{{recomendado.image.url_110x150}}" alt="flayer" style="margin-right:20px" /></a></div>
                <p>{{recomendado.description|safe|truncatewords_html:40}}</p><br />
                <strong><a href='/series/{{recomendado.slug}}/'>{% trans "Serie details" %}</a></strong><br />
                <div style="clear: both;"> </div><br />
                <h1>{% trans "Series List" %} </h1><br />
                {% autopaginate series_list %}
                {% if series_list %}
                        <ul>
                                {%for series in series_list%}
                                        <li><a href='/series/{{series.slug}}/'>{{series.name|capfirst }}</a></li>
                                {%endfor%}
                        </ul>
                        <br/><br />
                        {% paginate %}
                {% else %}
                        <p>{% trans "No series are available" %}</p>
                {% endif %}
        {%endblock%}